<template>
  <div>
      <ul class="goods_type_list clearfix">
				<li v-for="item in data_list" :key="item.id">
					<router-link  :to="'/detail?id='+item.id"><img :src="'http://127.0.0.1:8000'+item.pic"></router-link>
					<h4><router-link  :to="'/detail?id='+item.id">{{item.name}}</router-link></h4>
					<div class="operate">
						<span class="prize">￥{{item.price}}</span>
						<span class="unit">{{item.price}}/{{item.unit}}</span>
						<a href="#" class="add_goods" title="加入购物车"></a>
					</div>
				</li>
			</ul>

			
  </div>
</template>

<script>
export default {
    props:['data_list'],
    data(){
        return{

        }
    },
    
}
</script>

<style>

</style>